@import (reference) url('../../assets/css/_.less');

.tederen-customer{
  .panel{
    border: 3px solid #e9e9e9;
    .border-radius;
    padding: 0 20px;
    background-color: #f7f7f7;
    margin-bottom: 20px;
    .panel-item{
      float: left;
      .title{
        line-height: 40px;
      }
      .num{
        color: @cb;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 40px;
      }
    }
    @media (min-width: 992px) {
      .panel-item{
        width: 100% / 7;
      }
    }
    @media (min-width: 768px) and ( max-width: 992px) {
      .panel-item{
        width: 100% / 4;
      }
    }
    @media (max-width: 767px) {
      .panel-item{
        width: 100%;
      }
    }
  }
}
